<template>
	<div class="list">
		<ul>
			<!--
            	配置路由,,,传参数params时候  不能写path，用name去找
            -->
			<li><router-link :to="{path:'/1',name:'',params:''}">1</router-link></li>
			<li><router-link :to="{path:'/2'}">2</router-link></li>
			<li><router-link :to="{path:'/3'}">3</router-link></li>
		</ul>
	</div>
</template>

<script>
	export default {
		name:'list',
	}
</script>

<style scoped>
	.list{
		width: 50px;
		background: lightblue;
		height: -webkit-calc(100% - 60px);
		float: left;
	}
	li{
		list-style: none;
		border-bottom:1px solid red ;
	}
</style>